<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery.js"></script>
<!--    <script src="../json/company.js"></script>-->
    <script src="../js/top.js"></script>

</head>
<body>
<div class="top">
    <!--        <div>-->
    <!--            按照功能对div进行命名-->
    <div class="company">
        <div>
            <div><img src="" id="logo"  height="141" width="204"/></div>
            <div>
                <div><img src="../img/phone.png" height="30" width="30"/></div>
                <div id="phone"></div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div id="nav">
<!--            这个地方应该是一个数组，一个循环-->
<!--            <div onclick="window.open('home.html')">网站首页</div>-->
<!--            <div onclick="window.open('company.html','_self')">公司介绍</div>-->
<!--            <div onclick="window.open('news.html','_self')">新闻介绍</div>-->
<!--            <div onclick="window.open('product.html','_self')">产品介绍</div>-->
<!--            <div onclick="window.open('online.html','_self')">在线留言</div>-->
<!--            <div onclick="window.open('callus.html','_self')">联系我们</div>-->
        </div>
    </div>
    <div class="ad">
        <div>
            <!--                如果html里面空格有多个，直接按空格永远表示一个
            这种情况下我们要用到转义字符
            -->
            <div class="ad-first">
                <div>品味生活</div>
                <div>·</div>
                <div>品味美食</div>
            </div>
            <div class="ad-second">
                <div>一壶茶沏出了生活的醇美</div>
                <div> 一枝花开出了生活的鲜艳</div>
                <div> 一首诗吟出了生活的酸辛</div>
                <div> 一把火燃烧出了生活的激情</div>
                <div>一枝笔绘出了人生的五彩缤纷</div>
                <div> 一首歌唱出了人生的喜怒哀惧</div>
                <div> 生活像五味瓶，这么酸、这么甜、这么苦、又这么辣</div>
            </div>
            <div class="ad-third">
                <div>
                    <pingwei>品味</pingwei>
                    <shenghuo>生活</shenghuo>
                    <pingwei>品味</pingwei>
                    <meishi>美食</meishi>
                </div>
                <div> 星语餐饮给你生活指南</div>

            </div>
        </div>
    </div>
    <!--        </div>-->
</div>
</body>
</html>

